// import A from "./components/10_Trans/03_PubSub/A";
// import HeroCom from "./components/11_HeroList/HeroCom";
// import FormCom from "./components/08_hooks/04_Form/Form";
// import EffectCom from "./components/08_hooks/05_effect/01_EffectCom";
// import CountCom from "./components/08_hooks/05_effect/03_CountCom";
// import TodoList from "./components/09_TodoList/TodoList";
// import A from "./components/10_Trans/02_Ancestors/A";
// import A from "./components/10_Trans/01_Parent/A";
//导入 StyleCom
// import StyleCom from "./components/01_style/01_StyleCom";
// import StyleCom from "./components/01_style/02_StyleCom";
// import StyleCom from "./components/01_style/03_StyleCom";
//编写完成组件之后, 导入时, 写组件名称会有代码提示, 敲回车就可以快速完成导入
// import SuffixCom from "./components/02_效率/01_后缀";
// import StateCom from "./components/03_state/01_StateCom";
// import StateCom from "./components/03_state/02_StateCom";
// import StateThis from "./components/03_state/03_StateThis";
// import ArrowFnCom from "./components/03_state/04_ArrowFnCom";
// import StateBg from "./components/03_state/05_StateBg";
// import StateShow from "./components/03_state/06_StateShow";
// import SliderCom from "./components/03_state/07_Slider";
// import PropsCom from "./components/04_props/01_PropsCom";
// import Button from "./components/04_props/02_Button";
// import RefCom from "./components/05_ref/03_RefCom";
// import FormCom from "./components/06_Form/01_FormCom";
// import FormControlCom from "./components/06_Form/02_FormCom";
// import FormSimpleCom from "./components/06_Form/04_FormSimpleCom";
// import ColorPicker from "./components/06_Form/05_ColorPicker";
// import LifeCom from "./components/07_LifeCycle/01_LifeCom";
// import UpdateCom from "./components/07_LifeCycle/02_UpdateCom";
// import ShowCom from "./components/07_LifeCycle/03_ShowCom";
// import StateCom from "./components/08_hooks/01_StateCom";
// import PropsCom from "./components/08_hooks/02_props/PropsCom";
// import RefCom from "./components/08_hooks/03_ref/RefCom";
// import ChangeBg from "./components/08_hooks/01_state/02_ChangeBg";
// import GoodsImage from "./components/08_hooks/01_state/03_GoodsImage";
// import ClockCom from "./components/08_hooks/05_effect/02_ClockCom";
//导入路由相关的组件
// BrowserRouter 所有路由组件的最外层容器
// Routes 用来包裹路由组件
// Route 用来设置路由
import React, { useContext, useEffect } from "react";
import { useRoutes } from "react-router-dom";
//导入路由的数组
import routesArr from "./routes";
import { useState } from "react";
import DiffCom from "./components/12_diff/DiffCom";
import KeyCom from "./components/12_diff/KeyCom";
import MemoCom from "./components/13_Hooks/MemoCom";
import ImpeCom from "./components/13_Hooks/ImpeCom";
import LayoutEffectCom from "./components/13_Hooks/LayoutEffectCom";
import WidthCom from "./components/13_Hooks/WidthCom";
import TestCom from "./components/13_Hooks/TestCom";
import ReducerCom from "./components/13_Hooks/ReducerCom";
import ReduxCom from "./components/14_Redux/ReduxCom";

export default function App() {
  return <div style={{padding: 30}}><ReduxCom /></div>
}
